<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    
    // 基本语法
    // const fn = (n)=>{
    //     return "hello " + n
    // }
    // console.log(fn("admin"));

    // 极简语法
    // 1. 有且只有一个参数时，可以省略小括号
    // const fn = n=>{
    //     console.log(n);
    // }
    // fn("hello")
    // 2. 有且直接返回数据时，可以省略花括号和return，注意这种情况下，花括号和return必须同时省略
    // const fn = n=>"hello "+n;
    // console.log(fn("root"));

    // const fn = n=>{
    //     "hello "+n
    // }
    // console.log(fn("hahah"))
    // const fn = n=>return "hello "+n;
    // console.log(fn("hahah"))

    // 箭头函数的特性
    // const obj = {
    //     name:"obj",
    //     show:()=>{
    //         console.log(this);
    //     },
    //     fn:function(){
    //         console.log(this);
    //     }
    // }
    // obj.show();
    // obj.fn();

    // const obj = {
    //     name:"obj",
    //     fn:function(){
    //         setTimeout(function(){
    //             console.log(this);
    //         }, 10)
    //     },
    //     show:function(){
    //         setTimeout(()=>{
    //             console.log(this);
    //         }, 10)
    //     }
    // }
    // obj.fn();
    // obj.show();

    // 当前函数的执行对象


    // =======


    function fn(){}
    new fn();

    const fun = function(){}
    new fun();

    const foo = ()=>{}
    new foo();




</script>
</html>